<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>关于</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="js/jquery-2.1.4.min.js"></script>
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/font-awesome.css" rel="stylesheet">
		<script src="layui/layui.js"></script>
		<!--===============================================================================================-->
		<link rel="icon" type="image/png" href="images/icons/favicon.png" />
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="fonts/linearicons-v1.0.0/icon-font.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="vendor/perfect-scrollbar/perfect-scrollbar.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="css/util.css">
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<!--===============================================================================================-->
	</head>
	<!-- 头部 -->
	<jsp:include page="header.jsp"></jsp:include>

		<!-- Title page -->
		<section class="bg-img1 txt-center p-lr-15 p-tb-92" style="background-image: url('images/bg-01.jpg');">
			<h2 class="ltext-105 cl0 txt-center">
				关于我们
			</h2>
		</section>


		<!-- Content page -->
		<section class="bg0 p-t-75 p-b-120">
			<div class="container">
				<div class="row p-b-148">
					<div class="col-md-7 col-lg-8">
						<div class="p-t-7 p-r-85 p-r-15-lg p-r-0-md">
							<h3 class="mtext-111 cl2 p-b-16">
								我们的故事
							</h3>

							<p class="stext-113 cl6 p-b-26">
								系列将高科技运动服饰的元素与线条流畅的廓形融为一体，专注于工艺细节与创新技术，重新定义现代奢华风格。
								充满活力、轻松易搭的高性能作品采用可持续纺织技术，造就活动自如的全新都市风尚。
							</p>

							<p class="stext-113 cl6 p-b-26">
								Prada Linea Rossa 2021秋冬系列的设计旨在让穿着者突破和超越自我极限，满足高性能运动需求的同时，
								又可兼做日常穿着搭配。活力廓形、都市感设计和几何图案针织款式，均在创新面料中呈现。
								尖端纺织技术和可持续生产工艺相结合，由经回收的高质量纱线制成。
							</p>

							<p class="stext-113 cl6 p-b-26">
								Any questions? Let us know in store at 8th floor, 379 Hudson St, New York, NY 10018 or
								call us on (+1) 96 716 6879
							</p>
						</div>
					</div>

					<div class="col-11 col-md-5 col-lg-4 m-lr-auto">
						<div class="how-bor1 ">
							<div class="hov-img0">
								<img src="images/about-01.jpg" alt="IMG">
							</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="order-md-2 col-md-7 col-lg-8 p-b-30">
						<div class="p-t-7 p-l-85 p-l-15-lg p-l-0-md">
							<h3 class="mtext-111 cl2 p-b-16">
								我们的经历
							</h3>

							<p class="stext-113 cl6 p-b-26">
								1952年2月2日，Hubert de Givenchy发布了他个人的第一个时装系列。他身边聚集了当时最成功的模特，
								这些模特也都成为了他的朋友。Bettina Graziani除了模特的身份外，还是Givenchy的公共关系总管。
								 发布会上，Bettina第一个出场，成就了那件出名的“Bettina衬衫”。
								这件白色亚麻衬衫与系列的其他服饰一样，充满年轻活力和新鲜朝气，荷叶边衣袖配以Pierre Brivet操刀的网眼刺绣，
								下半身搭配Hurel华达呢短裙。经典的线条配合醒目的印花，为丰富多样的面料赋予优雅贵气。
								 每一季服饰都饱含着对传统的敬意。当时的艺术家、朋友、名模和忠实客户共同塑造了传奇般的Givenchy风格。
							</p>

							<div class="bor16 p-l-29 p-b-9 m-t-22">
								<p class="stext-114 cl6 p-r-40 p-b-11">
									创造力只是连接事物。当你问有创造力的人他们是如何做某事时，他们会感到有点内疚，
									因为他们并没有真正做到，他们只是看到了一些东西。过了一会儿，这对他们来说似乎很明显。
								</p>

								<span class="stext-111 cl8">
									- 史蒂夫乔布斯
								</span>
							</div>
						</div>
					</div>

					<div class="order-md-1 col-11 col-md-5 col-lg-4 m-lr-auto p-b-30">
						<div class="how-bor2">
							<div class="hov-img0">
								<img src="images/about-02.jpg" alt="IMG">
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>



		<!-- 引入页脚 -->
		<jsp:include page="footer.jsp"></jsp:include>


		<!-- Back to top -->
		<div class="btn-back-to-top" id="myBtn">
			<span class="symbol-btn-back-to-top">
				<i class="zmdi zmdi-chevron-up"></i>
			</span>
		</div>

		<!--===============================================================================================-->
		<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
		<!--===============================================================================================-->
		<script src="vendor/animsition/js/animsition.min.js"></script>
		<!--===============================================================================================-->
		<script src="vendor/bootstrap/js/popper.js"></script>
		<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
		<!--===============================================================================================-->
		<script src="vendor/select2/select2.min.js"></script>
		<script>
			$(".js-select2").each(function() {
				$(this).select2({
					minimumResultsForSearch: 20,
					dropdownParent: $(this).next('.dropDownSelect2')
				});
			})
		</script>
		<!--===============================================================================================-->
		<script src="vendor/MagnificPopup/jquery.magnific-popup.min.js"></script>
		<!--===============================================================================================-->
		<script src="vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
		<script>
			$('.js-pscroll').each(function() {
				$(this).css('position', 'relative');
				$(this).css('overflow', 'hidden');
				var ps = new PerfectScrollbar(this, {
					wheelSpeed: 1,
					scrollingThreshold: 1000,
					wheelPropagation: false,
				});

				$(window).on('resize', function() {
					ps.update();
				})
			});
		</script>
		<!--===============================================================================================-->
		<script src="js/main.js"></script>

	</body>
</html>
